<template>
  <div class="w-[98%] h-[90%]">
    <el-tabs v-model="active">
      <el-tab-pane label="工作室" name="company"></el-tab-pane>
      <el-tab-pane label="个人" name="person"></el-tab-pane>
      <el-tab-pane label="工资" name="salary"></el-tab-pane>
      <el-tab-pane label="转入微信" name="wechat"></el-tab-pane>
    </el-tabs>
    <CompanyComponent v-if="active==='company'"></CompanyComponent>
    <PersonComponent v-if="active==='person'"></PersonComponent>
    <SalaryComponent v-if="active==='salary'"></SalaryComponent>
    <WechatComponent v-if="active==='wechat'"></WechatComponent>
  </div>
</template>

<script setup>
import { ref } from 'vue';
import CompanyComponent from "./company/index.vue"
import PersonComponent from "./person/index.vue"
import SalaryComponent from "./salary/index.vue"
import WechatComponent from "./wechat/index.vue"
const active = ref('company')

</script>

<style scoped>

</style>
